* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

img {
    vertical-align: middle;
    border: 0;
}

p {
    margin: 0;
}

a {
    text-decoration: none;
    color: #000;
}

ul {
    list-style: none;
}

ol {
    list-style: none;
}
input{
    outline: none;
    border: none;
}
.top {
    padding-left: .533333rem
        /* 20/37.5 */
    ;
    display: flex;
    height: 1.333333rem
        /* 50/37.5 */
    ;
    line-height: 1.333333rem
        /* 50/37.5 */
    ;
    cursor: pointer;
}

.top>a {
    display: flex;
    font-size: .373333rem
        /* 14/37.5 */
    ;
}
.details {
    text-align: center;
    font-size: .48rem
        /* 18/37.5 */
    ;
    flex: 1;
    margin-right: 1.2rem
        /* 45/37.5 */
    ;
}
.top a{
    color: #1989FA;
}
.userName,
.passWord{
    display: flex;
    align-content: center;
    height: 1.173333rem /* 44/37.5 */;
    border-top: .026667rem /* 1/37.5 */ solid #F5F6F7;
}
.userName p,
.passWord p {
    font-size: .4rem;
    display: flex;
    align-items: center;
    width: 1.6rem /* 60/37.5 */
    

    
        /* 15/37.5 */
    ;
    color: #646566;
    margin-left: .48rem /* 18/37.5 */;
}
input{
    height: 100%;
    display: flex;
    background-color: #fff;
    padding-top: .06rem ;
    font-size: .4rem /* 15/37.5 */;
    align-items: center;  
}
.submit{
    background-color: #1989FA;
    color: #fff;
    font-size: .373333rem /* 14/37.5 */;
    width: 9.226667rem /* 346/37.5 */;
    height: 1.173333rem /* 44/37.5 */;
    border-radius: .586667rem /* 22/37.5 */;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 18px auto 0;
    cursor: pointer;
}
